Skip to main content

¿Qué es EAS?

EAS (Expo Application Services) es un conjunto de servicios en la plataforma Expo que te ayudan a crear, compilar y publicar aplicaciones móviles fácilmente. En lugar de manejar todo el proceso de configuración y compilación manualmente, con EAS puedes usar herramientas en la nube para generar los archivos necesarios para publicar tu app en tiendas como Google Play o App Store, sin necesidad de tocar el código nativo

Instalación previa​

Puedes seguir este tutorial o visitar la documentación.

Si no, los pasos a seguir son simples:

  1. Instala eas-cli en el proyecto. Recuerda siempre mantener eas actualizado para evitar bugs en las plataformas.
npm install --global eas-cli
  1. Una vez instalado, tienes acceso al comando eas, que conecta con Expo. Necesitas tener una cuenta. Algunos comandos útiles son:
# Ver si tienes una cuenta activa
eas whoami
# Iniciar sesión con Expo (pedirá correo y contraseña)
eas login
# Cerrar sesión
eas logout
  1. Ahora, si no está creado, se generará el archivo eas.json. Este archivo te preguntará a qué plataforma va dirigido, ya sea iOS o Android. Es recomendable seleccionar ambas, ya que no afecta.
eas build:configure
  1. Una vez creado, tendrás un archivo similar a este:
{
  "cli": {
    "version": ">= 12.5.3",
    "appVersionSource": "remote"
  },
  "build": {
    "development": {
      "developmentClient": true,
      "distribution": "internal",
      "channel": "development"
    },
    "preview": {
      "distribution": "internal",
      "channel": "preview"
    },
    "production": {
      "autoIncrement": true,
      "channel": "production"
    }
  },
  "submit": {
    "production": {}
  }
}

Configuración de nombres y versión de la app​

En el proyecto tienes un archivo app.json donde verás el nombre, slug, y versión. Los datos que deberías cambiar son:

// Nombre de la app instalada
"name": "Nombre",
// Versión global de la app
"version": "1.0.3",
// Ícono de la app en iOS instalada
"icon": "./assets/images/icon.png",
// Splash es lo que se muestra mientras se carga la app
// Si necesitas cambiar las dimensiones de la imagen, usa resizeMode con contain | cover
"splash": {
      "image": "./assets/images/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
// Cuando está instalada en Android
 "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/images/adaptive-icon.png",